.content {
  .login-box {
    width: 100%;
  }
}

// 手机号输入框
.phone-box {
  width: 96%;
  height: 61px;
  padding: 0px 2%;
  .phone {
    width: 100%;
    height: 99.9%;
    border-bottom: 1px solid #e5e5e5;
  }
  .clean {
    width: 24px;
    height: 24px;
    right: 4%;
    border-radius: 50%;
    color: #fe8100;
    background-color: #e5e5e5;
  }
}

// 验证码
.prove-box {
  width: 96%;
  height: 61px;
  padding: 0px 2%;
  .code {
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }
  .get-code {
    width: 114px;
    height: 29px;
    right: 21px;
    border-radius: 8px;
    border-color: transparent;
    background-color: #fe8100;
  }
}

// 按钮S
.user-control {
  padding: 17px 0;
  .control-button {
    width: 117px;
    height: 35px;
    font-weight: 600;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    background-color: #f8f8f8;
  }
  .cancel {
    color: #000;
  }
  .login {
    color: #bcbcbc;
  }
}

// 图标高亮颜色 向其父元素盒子添加
.highlight {
  i {
    color: #fe8100;
  }
}

// 重置input输入框
.reset-input {
  background-color: none;
  outline: none;
  border: none;
}

.user-control {
  .active {
    background-color: #fe8100;
    color: #fff;
  }
}
